<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <!-- 引入网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <!-- 引入css样式 -->
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/center.css">
    <style></style>
</head>

<body>
    <!-- 网页头部 -->
    <header>
        <!-- 快捷菜单 通栏 -->
        <div class="xtx-shortuct">
            <!-- 版芯 -->
            <div class="container">
                <ul class="fr">
                    <li> <a href="../html/1-index.html">请先登录</a> |</li>
                    <li> <a href="#">免费注册</a> |</li>
                    <li> <a href="#">我的订单</a> |</li>
                    <li> <a href="#">会员中心</a> |</li>
                    <li> <a href="#">帮助中心</a> |</li>
                    <li> <a href="#">在线客服</a> |</li>
                    <li> <a href="#">手机版</a> </li>
                </ul>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="xtx-nav">
            <div class="container">
                <!-- logo图 -->
                <div class="logo">
                    <!-- 利于搜索 -->
                    <a href="#">小兔鲜</a>
                </div>
                <!-- 中间导航部分 -->
                <div class="main-nav">
                    <ul class="fl">
                        <li> <a href="http://localhost/xiao_tu_xian/html/1-index.html">首页</a> </li>
                        <li> <a href="../html/1-index.html">生鲜</a> </li>
                        <li> <a href="../html/1-index.html">美食</a> </li>
                        <li> <a href="../html/1-index.html">餐厨</a> </li>
                        <li> <a href="../html/1-index.html">电器</a> </li>
                        <li> <a href="../html/1-index.html">居家</a> </li>
                        <li> <a href="../html/1-index.html">洗护</a> </li>
                        <li> <a href="../html/1-index.html">孕婴</a> </li>
                        <li> <a href="../html/1-index.html">服装</a> </li>
                    </ul>
                </div>
                <!-- 右边搜索 -->
                <div class="search fr">
                    <input type="text" placeholder="搜一搜">
                    <!-- 购物车 -->
                    <span></span>
                </div>
            </div>
        </div>
    </header>
    <!-- 网页内容 -->
    <!-- 通栏 -->
    <div class="main">
        <!-- 版心 -->
        <div class="container">
            <!-- 侧边栏 -->
            <div class="aside">
                <!-- 我的账户 -->
                <div class="account">
                    <h4>我的账户</h4>
                    <ul>
                        <li><a href="#"><span></span>个人中心</a></li>
                        <li><a href="#"><span></span>消息通知</a></li>
                        <li><a href="#"><span></span>个人信息</a></li>
                        <li><a href="#"><span></span>安全设置</a></li>
                        <li><a href="#"><span></span>地址管理</a></li>
                        <li><a href="#"><span></span>我的积分</a></li>
                        <li><a href="#"><span></span>我的足迹</a></li>
                        <li><a href="#"><span></span>邀请有礼</a></li>
                        <li><a href="#"><span></span>幸运抽奖</a></li>
                    </ul>
                </div>
                <!-- 交易管理 -->
                <div class="jiaoyi">
                    <h4>交易管理</h4>
                    <ul>
                        <li><a href="#"><span></span>我的订单</a></li>
                        <li><a href="#"><span></span>优惠券</a></li>
                        <li><a href="#"><span></span>礼品卡</a></li>
                        <li><a href="#"><span></span>评价晒单</a></li>
                        <li><a href="#"><span></span>售后服务</a></li>
                    </ul>
                </div>
                <!-- 我的收藏 -->
                <div class="wdsc">
                    <h4>我的收藏</h4>
                    <ul>
                        <li><a href="#"><span></span>收藏的商品</a></li>
                        <li><a href="#"><span></span>收藏的专题</a></li>
                        <li><a href="#"><span></span>关注的品牌</a></li>
                    </ul>
                </div>
                <!-- 帮助中心 -->
                <div class="bzzx">
                    <h4>帮助中心</h4>
                    <ul>
                        <li><a href="#"><span></span>帮助中心</a></li>
                        <li><a href="#"><span></span>在线客服</a></li>
                    </ul>
                </div>
            </div>
            <!-- 右边 -->
            <div class="right">
                <div class="tb">
                    <div class="left">
                        <img src="./uploads/avatar_1.png" alt="">
                        <span>张小花</span>
                    </div>
                    <div class="you">
                        <div class="zs">
                            <div class="xiao"><img src="./images/vip.png" alt=""></div>
                            <h4>会员中心</h4>
                        </div>
                        <div class="lbx">
                            <div class="xiao"><img src="./images/safe.png" alt=""></div>
                            <h4>安全设置</h4>
                        </div>
                        <div class="dt">
                            <div class="xiao"><img src="./images/address.png" alt=""></div>
                            <h4>地址管理</h4>
                        </div>
                    </div>
                </div>
                <!-- 订单 -->
                <div class="wddd">
                    <div class="myorder">
                        <span>我的订单</span>
                        <i>查看更多</i>
                    </div>
                    <!-- 商品1 -->
                    <div class="goods1">
                        <div class="box1">
                            <img src="./uploads/clothes_goods_5.jpg" alt="">
                        </div>
                        <div class="box2">
                            <p>拉夫劳伦t恤男正品圆领短袖...</p>
                            <span>颜色：<i>白色</i> 尺码：<i>M</i> 数量：<i>1</i></span>
                        </div>
                        <div class="box3">
                            <a href="#"><span>待付款</span></a>
                        </div>
                        <div class="box4">
                            <p>￥99.00</p>
                            <span>（含运费：¥10.00元）</span>
                            <span>在线支付</span>
                        </div>
                        <div class="box5">
                            <div class="fk">
                                <a href="#">
                                    <p>立即付款</p>
                                </a>
                                <a href="#"><span>查看详情</span></a>
                                <a href="#"><span>取消订单</span></a>
                            </div>
                        </div>
                    </div>
                    <!-- 商品2 -->
                    <div class="goods2">
                        <div class="box1">
                            <img src="./uploads/clothes_goods_6.jpg" alt="">
                        </div>
                        <div class="box2">
                            <p>李宁跑步鞋男鞋空气弧...</p>
                            <span>颜色：<i>灰色</i>尺码：<i>42</i> 数量：<i>1</i></span>
                        </div>
                        <div class="box3">
                            <a href="#"><span>待收货</span></a>
                            <a href="#"><i>查看物流</i></a>
                        </div>
                        <div class="box4">
                            <p>￥199.00</p>
                            <span>（含运费：¥10.00元）</span>
                            <span>在线支付</span>
                        </div>
                        <div class="box5">
                            <div class="fk">
                                <a href="#">
                                    <p>确认收货</p>
                                </a>
                                <a href="#"><span>查看详情</span></a>
                                <a href="#"><span>再次购买</span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 我的收藏 -->
                <div class="sc">
                    <div class="top">我的收藏</div>
                    <div class="bottpm">
                        <div class="box1">
                            <a href="#">
                                <div class="tp"><img src="./uploads/clothes_goods_1.jpg" alt=""></div>
                                <div class="wz">
                                    沙宣经典洗护套装
                                    750ml送200ml
                                    <br>
                                    洗护用品</div>
                                <span><i>￥</i>79</span>
                            </a>
                        </div>

                        <div class="box2">
                            <a href="#">
                                <div class="tp"><img src="./uploads/clothes_goods_2.jpg" alt=""></div>
                                <div class="wz">
                                    红功夫 麻辣小龙虾1.5kg
                                    4-6钱/25-32只
                                    <br>
                                    火锅食材</div>
                                <span><i>￥</i>79</span>
                            </a>
                        </div>
                        <div class="box3">
                            <a href="#">
                                <div class="tp"><img src="./uploads/clothes_goods_3.jpg" alt=""></div>
                                <div class="wz">
                                    三都港 冷冻无公害黄花鱼
                                    700g 2条 袋装
                                    <br>
                                    海鲜水产</div>
                                <span><i>￥</i>49</span>
                            </a>
                        </div>
                        <div class="box4">
                            <a href="#">
                                <div class="tp"><img src="./uploads/clothes_goods_4.jpg" alt=""></div>
                                <div class="wz">
                                    渔公码头 大连鲜食入味
                                    即食海参 辽参刺参
                                    <br>
                                    调味海</div>
                                <span><i>￥</i>899</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 我的足迹 -->
                <div class="wdzj">
                    <div class="top">我的足迹</div>
                    <div class="bottpm">
                        <div class="box1">
                            <a href="#">
                                <div class="tp"><img src="./uploads/clothes_goods_1.jpg" alt=""></div>
                                <div class="wz">
                                    沙宣经典洗护套装
                                    750ml送200ml
                                    <br>
                                    洗护用品</div>
                                <span><i>￥</i>79</span>
                            </a>
                        </div>

                        <div class="box2">
                            <a href="#">
                                <div class="tp"><img src="./uploads/clothes_goods_2.jpg" alt=""></div>
                                <div class="wz">
                                    红功夫 麻辣小龙虾1.5kg
                                    4-6钱/25-32只
                                    <br>
                                    火锅食材</div>
                                <span><i>￥</i>79</span>
                            </a>
                        </div>
                        <div class="box3">
                            <a href="#">
                                <div class="tp"><img src="./uploads/clothes_goods_3.jpg" alt=""></div>
                                <div class="wz">
                                    三都港 冷冻无公害黄花鱼
                                    700g 2条 袋装
                                    <br>
                                    海鲜水产</div>
                                <span><i>￥</i>49</span>
                            </a>
                        </div>
                        <div class="box4">
                            <a href="#">
                                <div class="tp"><img src="./uploads/clothes_goods_4.jpg" alt=""></div>
                                <div class="wz">
                                    渔公码头 大连鲜食入味
                                    即食海参 辽参刺参
                                    <br>
                                    调味海</div>
                                <span><i>￥</i>899</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 网页底部 -->
    <footer>
        <!-- 客户服务 -->
        <div class="khfw">
            <div class="container">
                <div class="box1">
                    <div class="xiao">
                        <span>客户服务</span>
                        <div class="zxkf">
                            <div class="jlt"></div>
                            <i>在线客服</i>
                        </div>
                        <div class="wtfk">
                            <div class="jlt"></div>
                            <i>问题反馈</i>
                        </div>
                    </div>
                </div>
                <div class="box2">
                    <div class="xiao">
                        <span>关注我们</span>
                        <div class="zxkf">
                            <div class="jlt"></div>
                            <i>公众号</i>
                        </div>
                        <div class="wtfk">
                            <div class="jlt"></div>
                            <i>微博</i>
                        </div>
                    </div>
                </div>
                <div class="box3">
                    <div class="xiao">
                        <span>下载APP</span>
                        <div class="zxkf">
                            <img src="../img/二维码.jpg" alt="">
                        </div>
                        <div class="wtfk">
                            <i>扫描二维码</i>
                            <br>
                            <i>立马下载APP</i>
                            <div class="jlt">下载页面</div>
                        </div>
                    </div>
                </div>
                <div class="box4">
                    <div class="xiao">
                        <div class="rx">服务热线</div>
                        <div class="hm">400-0000-000</div>
                        <div class="sj">周一至周日 8:00-18:00</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 价格亲民 -->
        <div class="xtx-price">
            <div class="container">
                <div class="left fl">
                    <div class="pic1">
                        <a href="#">价格亲民</a>
                    </div>
                </div>
                <div class="center fl">
                    <div class="pic2">
                        <a href="#">物流快捷</a>
                    </div>
                </div>
                <div class="right fl">
                    <div class="pic3">
                        <a href="#">品质新鲜</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 版权服务 -->
        <div class="xtx-copyright">
            <div class="container">
                <p>
                    <a href="#">关于我们</a> |
                    <a href="#">帮助中心</a> |
                    <a href="#">售后服务</a> |
                    <a href="#">配送与验收</a> |
                    <a href="#">商务合作</a> |
                    <a href="#">搜索推荐</a> |
                    <a href="#">友情链接</a>
                </p>
                <p>
                    <a href="#">CopyRight @ 小兔鲜</a>
                </p>
            </div>
        </div>
    </footer>
</body>

</html>